<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- lib js -->
<script type="text/javascript" src="../src/FDLib/FDLib.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.ajax.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.browser.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.dom.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.event.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.string.js"></script>
<script type="text/javascript" src="../src/FDLib/FDLib.util.js"></script>
<script type="text/javascript" src="../src/FDLib/JString.js"></script>
<link rel="stylesheet" type="text/css" media="screen,projection" href="./css/style_screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="./css/style_print.css" />
<title>FDUI</title>
</head>

<body>
  <div class="page-container-2">

  	<!-- HEADER -->
		<!-- Flag navigations -->
    <div class="navflag-container">
      <div class="navflag">
		<ul>
          <li>你好admin,欢迎登陆</li>
        </ul>
		  </div>
    </div>			
    <!-- Navigation Level 1 -->
    <div class="nav1-container">
      <div class="nav1">
		<ul>
         	<li><a href="#">退出</a></li>
        </ul>
		  </div>
    </div>			

    <!-- Sitename -->
	<div class="site-name">
      <p class="title"><a href="index.html">Welcome to FDUI</a></p>
      <p class="subtitle"><a href="index.html">FreeDom UI.</a></p>
    </div>
       	 						
    <!-- Header banner -->		 						    		 						
	<div>
		<img class="img-header" src="./img/header2.jpg" alt=""/>
	</div>
    
    <!-- Navigation Level 2 -->												
    <div class="nav2">			
		<ul>
	        <li><a href="index.html">Demo</a></li>
	        <li><a href="doc.html">Doc</a></li>
	        <li><a href="#" class="selected">About</a></li>
		</ul>
	</div>
    
    <!-- Buffer after header -->    
		<div class="buffer"></div>

		<!-- NAVIGATION -->				
  	<!-- Navigation Level 3 -->
	<div class="nav3">
      
    </div>				

  	<!-- 	CONTENT -->
	<div class="content2">
		<div class="content1-pagetitle" id="mainTitle">关于 FDUI</div>
<pre style="font-size: 14px;">
·什么是FDUI?
    FDUI，是一个javascript控件库，采用面向对象设计方式编写。FD是Freedom的缩写。
该控件库包含了常用的form控件，日历，Tips，Tab，window，验证，还有一些基本的工具类。
	
·为什么要写这个控件库？
    原因有很多，最重要的一个原因是因为自己写JS也有些年头了，手头始终拿不出一件像样的东西。
这次是下了狠心要写个东西出来，算是对自己这些年学习JS的一个交代吧。
	
·为什么要采用面向对象？
    JS可以利用各种手段来模仿面向对象，总的来说是7分像了。面向对象的好处有一点可以提高代码的重用性。
比如一些控件的功能都是一样的，TextBox和TextArea都有赋值、取值的操作，这样就可以把这些操作封装在一个父类中，
让它们来共同调用。
    关于这点我在写代码的过程中深有体会，有些控件只需要5分钟就可以搞定。一天可以写2-3个控件。因为大部分功能都
封装在父类里面了。
    功能的模块化：每一个类实现自己特有的功能，这样在以后修改功能的时候直接找到这个类就可以。不用东改一点西改一点了。
    除此之外，还用到了一些设计模式。FDGrid我就采用了MVC的设计模式，还有装饰器模式。

	PS:为什么要面向对象？其实我一个Java程序员我会乱说？
	
·不足之处
    1. 不支持IE6（为什么要支持？）
    2. 样式有点单调，因为没有用到图片
    3. 有些功能还没有实现或者还不够完善
    4. 没有做过很好的性能测试，不过一般的CRUD操作是没问题的
	
·持续改进
    以后有时间的话会把Tree控件做起来，然后完善Grid的一些功能（列隐藏，本地数据排序等...）
    
								2012-11-23
</pre>
    </div>
    <!-- FOOTER -->
    <div class="footer">
       <p><b>Copyright &copy; 2012 FDUI</b></p>
    </div>
  </div>
</body>
</html>